<style lang="less">
@import "./403.less";
</style>

<template>
  <div class="error403">
    <div class="error403-body-con">
      <Card>
        <div class="error403-body-con-title">
          4<span class="error403-0-span"><Icon type="android-lock"></Icon></span
          ><span class="error403-key-span"
            ><Icon size="220" type="ios-bolt"></Icon
          ></span>
        </div>
        <p class="error403-body-con-message">您没有获得该页面的权限</p>
        <div class="error403-btn-con">
          <Button @click="goHome" size="large" style="width: 200px" type="text"
            >返回首页</Button
          >
          <Button
            @click="backPage"
            size="large"
            style="width: 200px; margin-left: 40px"
            type="primary"
            >返回上一页</Button
          >
        </div>
      </Card>
    </div>
  </div>
</template>

<script>
export default {
  name: "Error403",
  methods: {
    backPage() {
      this.$router.go(-1);
    },
    goHome() {
      this.$router.push({
        name: "home_index",
      });
    },
  },
};
</script>
